<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".show").click(function(){
					$("div").show()
				})
				$(".hide").click(function(){
					$("div").hide()
				})
				$(".toggle").click(function(){
					$("div").toggle()
				})
				$(".slideDown").mouseover(function(){
					$("div").slideDown()
				})
				$(".slideUp").mouseover(function(){
					$("div").slideUp()
				})
				$(".slideToggle").mouseover(function(){
					$("div").slideToggle()
				})
				$(".fadeIn").mouseover(function(){
					$("div").fadeIn()
				})
				$(".fadeOut").mouseover(function(){
					$("div").fadeOut()
				})
				$(".fadeToggle").mouseover(function(){
					$("div").fadeToggle()
				})
				$(".fadeTo").click(function(){
					$("div").fadeTo(1000,0.5)
				})
				$(".animate").click(function(){
					$("div").animate({
						width:"+=50px",
						height:"+=50px"
					},1000)
				})
			})
		</script>
	</head>
	<body>
		<button class="show">show<tton>
		<button class="hide">hide<tton>
		<button class="toggle">toggle<tton>
		<br>
		<button class="slideDown">slideDown<tton>
		<button class="slideUp">slideUp<tton>
		<button class="slideToggle">slideToggle<tton>
		<br>
		<button class="fadeIn">fadeIn<tton>
		<button class="fadeOut">fadeOut<tton>
		<button class="fadeToggle">fadeToggle<tton>
		<br>
		<button class="fadeTo">fadeTo<tton>
		<button class="animate">animate<tton>
	<div style="width: 100px;height: 100px;background-color: aquamarine;"></div>
	</body>
</html>
